<?php require_once ADMINVIEWPATH.'admin_header.php'; ?>
<?php require_once ADMINVIEWPATH.'admin_menu.php'; ?>
<link href="<?= STATICURL; ?>css/bootstrap.min.css" rel="stylesheet" />
<link id="bootstrap-rtl-link" href="" rel="stylesheet" />
<link href="<?= STATICURL; ?>css/font-awesome.min.css" rel="stylesheet" />
<link href="<?= STATICURL; ?>css/weather-icons.min.css" rel="stylesheet" />
<!--Fonts-->
<!--Beyond styles-->
<link id="beyond-link" href="<?= STATICURL; ?>css/beyond.min.css" rel="stylesheet" type="text/css" />
<link href="<?= STATICURL; ?>css/demo.min.css" rel="stylesheet" />
<link href="<?= STATICURL; ?>css/typicons.min.css" rel="stylesheet" />
<link href="<?= STATICURL; ?>css/animate.min.css" rel="stylesheet" />
<link id="skin-link" href="" rel="stylesheet" type="text/css" />
<style>
    .deptChartBox{
        width: 100%;
        margin-bottom: 20px;
    }
    .deptChartBox .leftChart{
        width: 49%;
        height: 300px;;
        display: inline-block;
        border: 1px solid #ccc;
    }
    .deptChartBox .rightChart{
        margin-left: 1%;
        width: 40%;
        height: 300px;;
        display: inline-block;
        border: 1px solid #ccc;
    }

    .singleTitleWidth {
        margin: 0 auto;
        width: 70%;
    }
    .tongji-single-data {
        border: 1px solid #e5e5e5;
        margin: 20px auto 0;
        width: 700px;
    }

    .singledata-grey {
        background: #f6f6f6 none repeat scroll 0 0;
    }
    .tongji-single-dataline {
        border-bottom: 1px solid #e5e5e5;
        height: 30px;
        line-height: 30px;
        padding-left: 20px;
    }
    .tongji-single-data tr td {
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        padding-left: 10px;
        word-break: break-all;
    }
</style>
<div class="page-content">
    <!-- Page Breadcrumb -->
    <div class="page-breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="fa fa-home"></i>
                <a href="#">首页</a>
            </li>
            <li class="">
                <a href="#">统计分析</a>
            </li>
            <li class="active"> 考试按时间统计 </li>
        </ul>
    </div>
    <!-- /Page Breadcrumb -->
    <div class="page-body">
        <div class="row">
            <div class="col-xs-12 col-md-12">
                <div class="tab-content tabs-flat no-padding">
                    <div id="visits" class="tab-pane active animated fadeInUp">
                        <div class="row">
                            <div class="col-lg-12 chart-container">
                                <div id="dashboard-chart-visits" class="chart chart-lg no-margin">
                                    <div class="widget-body">
                                        <div>
                                            <form name="timeForm" id="timeForm" method="post" action="/luckydog/statics/question">
                                                <table>
                                                    <tr>
                                                        <td>&nbsp;&nbsp;开始时间：<input type="text" class = "datepicker" name="startTime" id="startTime" readonly="readonly" onClick="WdatePicker()" value="<?=$startTime?>" ></td>
                                                        <td>&nbsp;&nbsp;结束时间：<input type="text" class = "datepicker" name="endTime" id="endTime" readonly="readonly" onClick="WdatePicker()" value="<?=$endTime?>" ></td>
                                                        <td>&nbsp;&nbsp;<input type="submit" id="mysubmit" name="mysubmit"></td>
                                                    </tr>
                                                </table>
                                            </form>
                                        </div>
                                        <div class="row" style="margin-top: 20px;">
                                            <div id="chart3" class="col-xs-6 col-md-6"></div>
                                        </div>
                                        <div class="row" style="margin-top: 20px;">
                                            <div class="col-xs-6 col-md-6">
                                                <table class="tongji-single-data singleTitleWidth">
                                                    <tbody>
                                                        <tr class="tongji-single-dataline singledata-grey">
                                                            <td>开始时间</td>
                                                            <td>结束时间</td>
                                                            <td>考试总人数</td>
                                                            <td>达标人数</td>
                                                            <td>未达标人数</td>
                                                            <td>达标率</td>
                                                        </tr>
                                                        <tr class="tongji-single-dataline">
                                                            <td><?=$startTime?></td>
                                                            <td><?=$endTime?></td>
                                                            <td><?=$scoreList['all']?></td>
                                                            <td><?=$scoreList['correct']?></td>
                                                            <td><?=$scoreList['wrong']?></td>
                                                            <td><?=$scoreList['rate']?></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="<?= STATICURL; ?>kindeditor/kindeditor.js"></script>
    <script src="<?= STATICURL; ?>js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="<?= STATICURL; ?>js/highChar425.js"></script>
    <script src="<?=STATICURL; ?>js/wdatepicker/WdatePicker.js"></script>

    <script type="text/javascript">

        $('#chart3').highcharts({
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
                text: '<?=$startTime?>'+'--'+'<?=$endTime?>'
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: false
                    },
                    showInLegend: true
                }
            },
            series: [{
                type: 'pie',
                name: 'Browser share',
                data: [
                    ['达标',     <?=$scoreList['correct']?>],
                    ['未达标',   <?=$scoreList['wrong']?>]
                ]
            }]
        });

    </script>
    <?php require_once ADMINVIEWPATH.'admin_footer.php'; ?>


